<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:php="http://php.net/xsl" xml:lang="fr" lang="fr">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width, maximum-scale=1, initial-scale=1, minimum-scale=1">
	<link rel="stylesheet" type="text/css" href="../Public/Style/Css/Global.css"/>
	<link rel="stylesheet" type="text/css" media="all and (max-width: 960px)" href="../Public/Style/Css/Tablet.css" />
	<link rel="stylesheet" type="text/css" media="all and (max-width: 640px)" href="../Public/Style/Css/Mobile.css" />
	<script type="text/javascript" src="../Sls/Scripts/Javascript/Statics/SLS_Statics_compressed.js"></script>
	<script type="text/javascript" src="../Public/Scripts/Javascript/Dyn/ImgLoader.js"></script>
	<script type="text/javascript" src="../Public/Scripts/Javascript/Dyn/Prehome.js"></script>
	<script type="text/javascript" src="../Public/Scripts/Javascript/Dyn/Nav.js"></script>
	<script type="text/javascript" src="../Public/Scripts/Javascript/Dyn/HomeIndex.js"></script>
	<script type="text/javascript" src="../Public/Scripts/Javascript/Dyn/HomeContact.js"></script>
	<script type="text/javascript" src="../Public/Scripts/Javascript/Dyn/HomeProject.js"></script>
	<script type="text/javascript" src="../Public/Scripts/Javascript/Dyn/Resize.js"></script>
	<title>Index</title>
</head>
<body>
	<div id="global">
		<div id="prehome">
			<div class="loading">
				<div class="percent"></div>
				<div class="mask"></div>
			</div>
		</div>

		<div id="pages">
			<div id="header">
				<div class="desktop">
					<ul>
						<li><a href="home_edito" title="" class="scroll_panel" rel="home_index">What</a></li>
						<li class="logo">
							<a href="" title="" class="scroll_panel" rel="home_index">
								<img src="../Public/Style/Img/logos/header_black.png" alt="" />
							</a>
						</li>
						<li><a href="" title="" class="scroll_panel" rel="home_contact">Where</a></li>
					</ul>
				</div>
				<div class="mobile">
					<div class="logo">
						<a href="home_edito" title="" class="scroll_panel" rel="home_index">
							<img src="../Public/Style/Img/logos/header_white.png" alt="" />
						</a>
					</div>
					<ul>
						<li><a href="" title="" class="scroll_panel" rel="home_index">What</a></li>
						<li><a href="" title="" class="scroll_panel" rel="home_contact">Where</a></li>
					</ul>
				</div>
			</div>

			<div id="contents">
				<div class="container">
					<div id="panel_projects" class="panel">
						<div class="content project" id="home_project_1">
							<div class="main_visual sls_resize_container">
								<img src="../Public/Style/Img/tmp/projects/main.jpg" alt="" class="sls_resize_visual" width="1600" height="245" />
								<table>
									<tr>
										<td>
											<h1>Maurice Lacroix</h1>
											<div class="desc">Responsive Website</div>
										</td>
									</tr>
								</table>
							</div>

							<div class="site">
								<a href="http://www.mauricelacroix.com" title="">
									<span class="text">www.mauricelacroix.com</span>
									<span class="hover">go to the website</span>
								</a>
							</div>

							<div class="controls wrapper">
								<a href="" class="arrow scroll_panel previous" rel="home_project_2"></a>
								<div class="infos">
									<div class="long_name">Art direction for Maurice Lacroix</div>
									<div class="more">
										<div class="devices">
											<strong>Device .</strong> Web, tablette &amp; mobile
										</div>
										<div class="agency">
											<strong>Agency .</strong> <a href="" title="">Welkome</a>
										</div>
									</div>
								</div>
								<a href="" class="arrow scroll_panel next" rel="home_project_2"></a>
								<div class="clear"></div>
							</div>

							<div class="preview wrapper">
								<div class="format format_dtm">
									<div class="device desktop">
										<img src="../Public/Style/Img/projects/desktop.png" alt="" />
										<div class="screens">
											<img src="../Public/Style/Img/tmp/projects/screen_desktop_1.jpg" alt="" />
											<img src="../Public/Style/Img/tmp/projects/screen_desktop_2.jpg" alt="" />
											<img src="../Public/Style/Img/tmp/projects/screen_desktop_3.jpg" alt="" />
										</div>
									</div>
									<div class="device tablet">
										<img src="../Public/Style/Img/projects/tablet.png" alt="" />
										<div class="screens">
											<img src="../Public/Style/Img/tmp/projects/screen_tablet_1.jpg" alt="" />
											<img src="../Public/Style/Img/tmp/projects/screen_tablet_2.jpg" alt="" />
											<img src="../Public/Style/Img/tmp/projects/screen_tablet_3.jpg" alt="" />
										</div>
									</div>
									<div class="device mobile">
										<img src="../Public/Style/Img/projects/mobile.png" alt="" />
										<div class="screens">
											<img src="../Public/Style/Img/tmp/projects/screen_mobile_1.jpg" alt="" />
											<img src="../Public/Style/Img/tmp/projects/screen_mobile_2.jpg" alt="" />
											<img src="../Public/Style/Img/tmp/projects/screen_mobile_3.jpg" alt="" />
										</div>
									</div>
								</div>
							</div>

							<div class="video">
								<iframe src="http://player.vimeo.com/video/22223687?color=3bba6e" width="100%" height="100%" frameborder="0" webkitAllowFullScreen="webkitAllowFullScreen" mozallowfullscreen="mozallowfullscreen" allowFullScreen="allowFullScreen"></iframe>
							</div>

							<div class="project_slider">
								<div class="items sls_resize_container">
									<div class="item">
										<img class="sls_resize_visual" src="../Public/Style/Img/tmp/projects/slider_1.jpg" alt="" width="1600" height="858"/>
									</div>
									<div class="item">
										<img class="sls_resize_visual" src="../Public/Style/Img/tmp/projects/slider_2.jpg" alt="" width="1600" height="858"/>
									</div>
									<div class="item">
										<img class="sls_resize_visual" src="../Public/Style/Img/tmp/projects/slider_3.jpg" alt="" width="1600" height="858"/>
									</div>
								</div>
								<div class="controls">
									<a href="" class="arrow previous"></a>
									<a href="" class="arrow next"></a>
								</div>
								<div class="info">
									<span class="current">1</span> / 3
								</div>
							</div>

							<div class="awards">
								<h2><strong>Awards</strong> for this website</h2>
								<ul>
									<li>
										<strong>Awwards .</strong> <a href="" title="">Site of the month</a>
									</li>
									<li>
										<strong>Cssdsgn .</strong> <a href="" title=""> Site of the day</a>
									</li>
									<li>
										<strong>Fwa .</strong> <span>Site of the day</span>
									</li>
								</ul>
							</div>

							<div class="mobile_controls">
								<ul>
									<li><a href="" title="" class="scroll_panel" rel="home_project_2">Prev. Project</a></li>
									<li><a href="" title="" class="scroll_panel" rel="home_project_2">Next Project</a></li>
								</ul>
							</div>

							<div class="footer">
								<div class="wrapper">
									<div class="vcard">
										<div class="line name">Guillaume Hamon</div>
										<div class="line phone">+33 (0)1 42 64 22 20</div>
										<div class="clear"></div>
										<div class="line email"><a href="mailto:hello@guillaumehamon.com">hello@guillaumehamon.fr</a></div>
									</div>

									<div class="menu">
										<ul>
											<li>
												<div class="title">Menu</div>
												<ul>
													<li><a href="" title="">What</a></li>
													<li><a href="" title="">Who</a></li>
													<li><a href="" title="">Where</a></li>
												</ul>
												<div class="clear"></div>
											</li>
											<li>
												<div class="title">Langues</div>
												<ul>
													<li><a href="" title="">English</a></li>
													<li><a href="" title="">Français</a></li>
												</ul>
												<div class="clear"></div>
											</li>
											<li>
												<div class="title">Réseaux</div>
												<ul>
													<li><a href="" title="">Instagram</a></li>
													<li><a href="" title="">Français</a></li>
												</ul>
												<div class="clear"></div>
											</li>
											<li>
												<div class="title">Copyright</div>
												<ul>
													<li>© 2013</li>
												</ul>
												<div class="clear"></div>
											</li>
										</ul>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
						<div class="content project" id="home_project_2">
							<div class="main_visual sls_resize_container">
								<img src="../Public/Style/Img/tmp/projects/main.jpg" alt="" class="sls_resize_visual" width="1600" height="245" />
								<table>
									<tr>
										<td>
											<h1>Wandi</h1>
											<div class="desc">Test</div>
										</td>
									</tr>
								</table>
							</div>

							<div class="site">
								<a href="http://www.mauricelacroix.com" title="">
									<span class="text">www.mauricelacroix.com</span>
									<span class="hover">go to the website</span>
								</a>
							</div>

							<div class="controls wrapper">
								<a href="" class="arrow scroll_panel previous" rel="home_project_1"></a>
								<div class="infos">
									<div class="long_name">Art direction for Maurice Lacroix</div>
									<div class="more">
										<div class="devices">
											<strong>Device .</strong> Web, tablette &amp; mobile
										</div>
										<div class="agency">
											<strong>Agency .</strong> <a href="" title="">Welkome</a>
										</div>
									</div>
								</div>
								<a href="" class="arrow scroll_panel next" rel="home_project_1"></a>
								<div class="clear"></div>
							</div>

							<div class="preview wrapper">
								<div class="format format_dtm">
									<div class="device desktop">
										<img src="../Public/Style/Img/projects/desktop.png" alt="" />
										<div class="screens">
											<img src="../Public/Style/Img/tmp/projects/screen_desktop_1.jpg" alt="" />
											<img src="../Public/Style/Img/tmp/projects/screen_desktop_2.jpg" alt="" />
											<img src="../Public/Style/Img/tmp/projects/screen_desktop_3.jpg" alt="" />
										</div>
									</div>
									<div class="device tablet">
										<img src="../Public/Style/Img/projects/tablet.png" alt="" />
										<div class="screens">
											<img src="../Public/Style/Img/tmp/projects/screen_tablet_1.jpg" alt="" />
											<img src="../Public/Style/Img/tmp/projects/screen_tablet_2.jpg" alt="" />
											<img src="../Public/Style/Img/tmp/projects/screen_tablet_3.jpg" alt="" />
										</div>
									</div>
									<div class="device mobile">
										<img src="../Public/Style/Img/projects/mobile.png" alt="" />
										<div class="screens">
											<img src="../Public/Style/Img/tmp/projects/screen_mobile_1.jpg" alt="" />
											<img src="../Public/Style/Img/tmp/projects/screen_mobile_2.jpg" alt="" />
											<img src="../Public/Style/Img/tmp/projects/screen_mobile_3.jpg" alt="" />
										</div>
									</div>
								</div>
							</div>

							<div class="video">
								<iframe src="http://player.vimeo.com/video/22223687?color=3bba6e" width="100%" height="100%" frameborder="0" webkitAllowFullScreen="webkitAllowFullScreen" mozallowfullscreen="mozallowfullscreen" allowFullScreen="allowFullScreen"></iframe>
							</div>

							<div class="project_slider">
								<div class="items sls_resize_container">
									<div class="item">
										<img class="sls_resize_visual" src="../Public/Style/Img/tmp/projects/slider_1.jpg" alt="" width="1600" height="858"/>
									</div>
									<div class="item">
										<img class="sls_resize_visual" src="../Public/Style/Img/tmp/projects/slider_2.jpg" alt="" width="1600" height="858"/>
									</div>
									<div class="item">
										<img class="sls_resize_visual" src="../Public/Style/Img/tmp/projects/slider_3.jpg" alt="" width="1600" height="858"/>
									</div>
								</div>
								<div class="controls">
									<a href="" class="arrow previous"></a>
									<a href="" class="arrow next"></a>
								</div>
								<div class="info">
									<span class="current">1</span> / 3
								</div>
							</div>

							<div class="awards">
								<h2><strong>Awards</strong> for this website</h2>
								<ul>
									<li>
										<strong>Awwards .</strong> <a href="" title="">Site of the month</a>
									</li>
									<li>
										<strong>Cssdsgn .</strong> <a href="" title=""> Site of the day</a>
									</li>
									<li>
										<strong>Fwa .</strong> <span>Site of the day</span>
									</li>
								</ul>
							</div>

							<div class="mobile_controls">
								<ul>
									<li><a href="" title="" class="scroll_panel" rel="home_project_1">Prev. Project</a></li>
									<li><a href="" title="" class="scroll_panel" rel="home_project_1">Next Project</a></li>
								</ul>
							</div>

							<div class="footer">
								<div class="wrapper">
									<div class="vcard">
										<div class="line name">Guillaume Hamon</div>
										<div class="line phone">+33 (0)1 42 64 22 20</div>
										<div class="clear"></div>
										<div class="line email"><a href="mailto:hello@guillaumehamon.com">hello@guillaumehamon.fr</a></div>
									</div>

									<div class="menu">
										<ul>
											<li>
												<div class="title">Menu</div>
												<ul>
													<li><a href="" title="">What</a></li>
													<li><a href="" title="">Who</a></li>
													<li><a href="" title="">Where</a></li>
												</ul>
												<div class="clear"></div>
											</li>
											<li>
												<div class="title">Langues</div>
												<ul>
													<li><a href="" title="">English</a></li>
													<li><a href="" title="">Français</a></li>
												</ul>
												<div class="clear"></div>
											</li>
											<li>
												<div class="title">Réseaux</div>
												<ul>
													<li><a href="" title="">Instagram</a></li>
													<li><a href="" title="">Français</a></li>
												</ul>
												<div class="clear"></div>
											</li>
											<li>
												<div class="title">Copyright</div>
												<ul>
													<li>© 2013</li>
												</ul>
												<div class="clear"></div>
											</li>
										</ul>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>

					<div id="panel_home" class="panel">
						<div class="content current" id="home_index">
							<div id="in_progress" class="sls_resize_container">
								<div class="items">
									<div class="item">
										<img class="sls_resize_visual" src="../Public/Style/Img/tmp/in_progress/01.jpg" alt="" width="1920" height="500"/>
									</div>
									<div class="item">
										<img class="sls_resize_visual" src="../Public/Style/Img/tmp/in_progress/02.jpg" alt="" width="1920" height="500"/>
									</div>
									<div class="item">
										<img class="sls_resize_visual" src="../Public/Style/Img/tmp/in_progress/03.jpg" alt="" width="1920" height="500"/>
									</div>
								</div>
								<div class="controls">
									<div class="arrow previous"></div>
									<div class="middle">
										<div class="highlights">
											<div class="highlight selected">
												<div class="progress">work in progress...</div>
												<div class="text">seems possible to make something good with iOS7...<br  />don't you think?</div>
											</div>
											<div class="highlight">
												<div class="progress">follow me on instagram</div>
												<div class="text">Morbi in lectus porta, porttitor mauris at</div>
											</div>
											<div class="highlight">
												<div class="progress">work in progress...</div>
												<div class="text">Morbi in lectus porta,<br />porttitor mauris at</div>
											</div>
										</div>
										<div class="bullets">
											<div class="bullet selected"></div>
											<div class="bullet"></div>
											<div class="bullet"></div>
										</div>
									</div>
									<div class="arrow next"></div>
								</div>
							</div>

							<div id="home_edito" class="edito">
								<div class="text">Hello I'm A FRENCH GRAPHIC DESIGNER,<br />Here is a selection of my latest creations.</div>
								<a href="" title="" class="scroll_section" rel="projects">Discover my work</a>
							</div>

							<div id="projects">
								<h1>Projets</h1>
								<div class="project">
									<div class="description">
										<table>
											<tr>
												<td>
													<h2>Athem</h2>
													<a href="" title="" class="scroll_panel" rel="home_project_1">view project</a>
												</td>
											</tr>
										</table>
									</div>
									<div class="preview sls_resize_container">
										<div class="desktop">
											<a href="" title="" class="scroll_panel" rel="home_project_1">
												<img class="sls_resize_visual" src="../Public/Style/Img/tmp/projects/01.jpg" width="960" height="240" alt="" />
											</a>
										</div>
										<div class="tablet">
											<a href="" title="" class="scroll_panel" rel="home_project_1">
												<img class="sls_resize_visual" src="../Public/Style/Img/tmp/projects/01_small.jpg" alt="" width="800" height="240" />
											</a>
										</div>
									</div>
								</div>

								<div class="project">
									<div class="preview sls_resize_container">
										<div class="desktop">
											<a href="" title="" class="scroll_panel" rel="home_project_2">
												<img class="sls_resize_visual" src="../Public/Style/Img/tmp/projects/02.jpg" width="960" height="240" alt="" />
											</a>
										</div>
										<div class="tablet">
											<a href="" title="" class="scroll_panel" rel="home_project_2">
												<img class="sls_resize_visual" src="../Public/Style/Img/tmp/projects/02_small.jpg" alt="" width="800" height="240" />
											</a>
										</div>
									</div>
									<div class="description">
										<table>
											<tr>
												<td>
													<h2>Batofar</h2>
													<a href="" title="" class="scroll_panel" rel="home_project_2">view project</a>
												</td>
											</tr>
										</table>
									</div>
								</div>

								<div class="project">
									<div class="description">
										<table>
											<tr>
												<td>
													<h2>Projet 1</h2>
													<a href="" title="" class="scroll_panel" rel="home_project_3">view project</a>
												</td>
											</tr>
										</table>
									</div>
									<div class="preview sls_resize_container">
										<div class="desktop">
											<a href="" title="" class="scroll_panel" rel="home_project_3">
												<img class="sls_resize_visual" src="../Public/Style/Img/tmp/projects/03.jpg" width="960" height="240" alt="" />
											</a>
										</div>
										<div class="tablet">
											<a href="" title="" class="scroll_panel" rel="home_project_3">
												<img class="sls_resize_visual" src="../Public/Style/Img/tmp/projects/03_small.jpg" alt="" width="800" height="240" />
											</a>
										</div>
									</div>
								</div>

								<div class="project">
									<div class="preview sls_resize_container">
										<div class="desktop">
											<a href="" title="" class="scroll_panel" rel="home_project_4">
												<img class="sls_resize_visual" src="../Public/Style/Img/tmp/projects/04.jpg" width="960" height="240" alt="" />
											</a>
										</div>
										<div class="tablet">
											<a href="" title="" class="scroll_panel" rel="home_project_4">
												<img class="sls_resize_visual" src="../Public/Style/Img/tmp/projects/04_small.jpg" alt="" width="800" height="240" />
											</a>
										</div>
									</div>
									<div class="description">
										<table>
											<tr>
												<td>
													<h2>Projet 2</h2>
													<a href="" title="" class="scroll_panel" rel="home_project_4">view project</a>
												</td>
											</tr>
										</table>
									</div>
								</div>
							</div>
							<div id="quotes">
								<div class="quote">
									<div class="text">Good design goes to heaven, bad design goes everywhere.</div>
									<div class="author">Mieke Gerritzen</div>
								</div>
								<div class="quote">
									<div class="text">Lorem ipsum dolor sit amet, consectetur Nam sit amet condimentum nibh.</div>
									<div class="author">Nam pretium</div>
								</div>
								<div class="quote">
									<div class="text">Morbi in lectus porta, porttitor mauris at.</div>
									<div class="author">Mollis justo</div>
								</div>
								<div class="quote">
									<div class="text">Vivamus tristique lacus non magna bibendum eleifend.</div>
									<div class="author">Nullam</div>
								</div>
							</div>
							<div id="home_feed">
								<ul>
									<li>
										<img src="../Public/Style/Img/tmp/instagram/01.jpg" alt="" />
										<div class="hover">
											<div class="instagram"></div>
											<div class="text">So true... If we wait until we're ready, we'll be waiting for the rest of our lives.</div>
											<a href="" title="">follow me</a>
											<div class="clear"></div>
										</div>
									</li>
									<li>
										<img src="../Public/Style/Img/tmp/instagram/02.jpg" alt="" />
										<div class="hover">
											<div class="instagram"></div>
											<div class="text">So true... If we wait until we're ready, we'll be waiting for the rest of our lives.</div>
											<a href="" title="">follow me</a>
											<div class="clear"></div>
										</div>
									</li>
									<li>
										<img src="../Public/Style/Img/tmp/instagram/03.jpg" alt="" />
										<div class="hover">
											<div class="instagram"></div>
											<div class="text">So true... If we wait until we're ready, we'll be waiting for the rest of our lives.</div>
											<a href="" title="">follow me</a>
											<div class="clear"></div>
										</div>
									</li>
									<li>
										<img src="../Public/Style/Img/tmp/instagram/04.jpg" alt="" />
										<div class="hover">
											<div class="instagram"></div>
											<div class="text">So true... If we wait until we're ready, we'll be waiting for the rest of our lives.</div>
											<a href="" title="">follow me</a>
											<div class="clear"></div>
										</div>
									</li>
									<li>
										<img src="../Public/Style/Img/tmp/instagram/05.jpg" alt="" />
										<div class="hover">
											<div class="instagram"></div>
											<div class="text">So true... If we wait until we're ready, we'll be waiting for the rest of our lives.</div>
											<a href="" title="">follow me</a>
											<div class="clear"></div>
										</div>
									</li>
									<li>
										<img src="../Public/Style/Img/tmp/instagram/06.jpg" alt="" />
										<div class="hover">
											<div class="instagram"></div>
											<div class="text">So true... If we wait until we're ready, we'll be waiting for the rest of our lives.</div>
											<a href="" title="">follow me</a>
											<div class="clear"></div>
										</div>
									</li>
									<li>
										<img src="../Public/Style/Img/tmp/instagram/01.jpg" alt="" />
										<div class="hover">
											<div class="instagram"></div>
											<div class="text">So true... If we wait until we're ready, we'll be waiting for the rest of our lives.</div>
											<a href="" title="">follow me</a>
											<div class="clear"></div>
										</div>
									</li>
									<li>
										<img src="../Public/Style/Img/tmp/instagram/02.jpg" alt="" />
										<div class="hover">
											<div class="instagram"></div>
											<div class="text">So true... If we wait until we're ready, we'll be waiting for the rest of our lives.</div>
											<a href="" title="">follow me</a>
											<div class="clear"></div>
										</div>
									</li>
									<li>
										<img src="../Public/Style/Img/tmp/instagram/03.jpg" alt="" />
										<div class="hover">
											<div class="instagram"></div>
											<div class="text">So true... If we wait until we're ready, we'll be waiting for the rest of our lives.</div>
											<a href="" title="">follow me</a>
											<div class="clear"></div>
										</div>
									</li>
									<li>
										<img src="../Public/Style/Img/tmp/instagram/04.jpg" alt="" />
										<div class="hover">
											<div class="instagram"></div>
											<div class="text">So true... If we wait until we're ready, we'll be waiting for the rest of our lives.</div>
											<a href="" title="">follow me</a>
											<div class="clear"></div>
										</div>
									</li>
									<li>
										<img src="../Public/Style/Img/tmp/instagram/05.jpg" alt="" />
										<div class="hover">
											<div class="instagram"></div>
											<div class="text">So true... If we wait until we're ready, we'll be waiting for the rest of our lives.</div>
											<a href="" title="">follow me</a>
											<div class="clear"></div>
										</div>
									</li>
									<li>
										<img src="../Public/Style/Img/tmp/instagram/06.jpg" alt="" />
										<div class="hover">
											<div class="instagram"></div>
											<div class="text">So true... If we wait until we're ready, we'll be waiting for the rest of our lives.</div>
											<a href="" title="">follow me</a>
											<div class="clear"></div>
										</div>
									</li>
									<li>
										<img src="../Public/Style/Img/tmp/instagram/01.jpg" alt="" />
										<div class="hover">
											<div class="instagram"></div>
											<div class="text">So true... If we wait until we're ready, we'll be waiting for the rest of our lives.</div>
											<a href="" title="">follow me</a>
											<div class="clear"></div>
										</div>
									</li>
									<li>
										<img src="../Public/Style/Img/tmp/instagram/02.jpg" alt="" />
										<div class="hover">
											<div class="instagram"></div>
											<div class="text">So true... If we wait until we're ready, we'll be waiting for the rest of our lives.</div>
											<a href="" title="">follow me</a>
											<div class="clear"></div>
										</div>
									</li>
									<li>
										<img src="../Public/Style/Img/tmp/instagram/03.jpg" alt="" />
										<div class="hover">
											<div class="instagram"></div>
											<div class="text">So true... If we wait until we're ready, we'll be waiting for the rest of our lives.</div>
											<a href="" title="">follow me</a>
											<div class="clear"></div>
										</div>
									</li>
									<li>
										<img src="../Public/Style/Img/tmp/instagram/04.jpg" alt="" />
										<div class="hover">
											<div class="instagram"></div>
											<div class="text">So true... If we wait until we're ready, we'll be waiting for the rest of our lives.</div>
											<a href="" title="">follow me</a>
											<div class="clear"></div>
										</div>
									</li>
									<li>
										<img src="../Public/Style/Img/tmp/instagram/05.jpg" alt="" />
										<div class="hover">
											<div class="instagram"></div>
											<div class="text">So true... If we wait until we're ready, we'll be waiting for the rest of our lives.</div>
											<a href="" title="">follow me</a>
											<div class="clear"></div>
										</div>
									</li>
									<li>
										<img src="../Public/Style/Img/tmp/instagram/06.jpg" alt="" />
										<div class="hover">
											<div class="instagram"></div>
											<div class="text">So true... If we wait until we're ready, we'll be waiting for the rest of our lives.</div>
											<a href="" title="">follow me</a>
											<div class="clear"></div>
										</div>
									</li>
								</ul>
								<div class="desktop">
									<div class="follow">
										<a href="" title="">follow me on</a>
									</div>
								</div>
							</div>

							<div class="footer">
								<div class="wrapper">
									<div class="vcard">
										<div class="line name">Guillaume Hamon</div>
										<div class="line phone">+33 (0)1 42 64 22 20</div>
										<div class="clear"></div>
										<div class="line email"><a href="mailto:hello@guillaumehamon.com">hello@guillaumehamon.fr</a></div>
									</div>

									<div class="menu">
										<ul>
											<li>
												<div class="title">Menu</div>
												<ul>
													<li><a href="" title="">What</a></li>
													<li><a href="" title="">Who</a></li>
													<li><a href="" title="">Where</a></li>
												</ul>
												<div class="clear"></div>
											</li>
											<li>
												<div class="title">Langues</div>
												<ul>
													<li><a href="" title="">English</a></li>
													<li><a href="" title="">Français</a></li>
												</ul>
												<div class="clear"></div>
											</li>
											<li>
												<div class="title">Réseaux</div>
												<ul>
													<li><a href="" title="">Instagram</a></li>
													<li><a href="" title="">Français</a></li>
												</ul>
												<div class="clear"></div>
											</li>
											<li>
												<div class="title">Copyright</div>
												<ul>
													<li>© 2013</li>
												</ul>
												<div class="clear"></div>
											</li>
										</ul>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>

					<div id="panel_contact" class="panel ">
						<div class="content" id="home_contact">
							<div id="contact_me" class="sls_resize_container">
								<div class="items">
									<div class="item">
										<div class="desktop">
											<img class="sls_resize_visual" src="../Public/Style/Img/tmp/contact_me/01.jpg" width="1920" height="920" alt="" />
										</div>
										<div class="tablet">
											<img class="sls_resize_visual" src="../Public/Style/Img/tmp/contact_me/01_small.jpg" width="800" height="920" alt="" />
										</div>
									</div>

									<div class="item">
										<div class="desktop">
											<img class="sls_resize_visual" src="../Public/Style/Img/tmp/contact_me/02.jpg" width="1920" height="920" alt="" />
										</div>
										<div class="tablet">
											<img class="sls_resize_visual" src="../Public/Style/Img/tmp/contact_me/02_small.jpg" width="800" height="920" alt="" />
										</div>
									</div>

									<div class="item">
										<div class="desktop">
											<img class="sls_resize_visual" src="../Public/Style/Img/tmp/contact_me/03.jpg" width="1920" height="920" alt="" />
										</div>
										<div class="tablet">
											<img class="sls_resize_visual" src="../Public/Style/Img/tmp/contact_me/03_small.jpg" width="800" height="920" alt="" />
										</div>
									</div>
								</div>
								<div class="text">
									<h1>
										LIVING IN PARIS BUT free to go anywhere:<br />
										<strong>NYC, SF, TOKYO, SYDNEY, BUENOS AIRES...</strong><br />
										JUST PICK ME UP A THE AIRPORT!
									</h1>

									<div class="data">
										<a class="email" href="mailto:hello@guillaumehamon.com" title="">hello@guillaumehamon.com</a>
										<div class="phone">FR. +33 6 71 70 40 58</div>
										<div class="phone">US. +33 6 71 70 40 58</div>
									</div>

									<a href="contact_edito" title="" class="scroll scroll_section" rel="contact_edito">Scroll down<span class="arrow"></span></a>
								</div>
							</div>

							<div id="contact_edito" class="edito">
								<div class="text">Explore below to discover more about <br />my designs, mood, and lifestyle</div>
								<a href="" class="scroll_section" rel="contact_feed" title="">You will come across ideas and moments that inspire my work</a>
							</div>

							<div id="contact_feed">
								<div class="items">
									<div class="item pic">
										<img src="../Public/Style/Img/tmp/contact_feed/01.jpg" alt="" title="" />
									</div>
									<div class="item text">
										<table>
											<tr>
												<td>
													<div class="ico">
														<img src="../Public/Style/Img/tmp/contact_feed/01_ico.png" alt="" />
													</div>
													<h2>On my mind right now</h2>
													<a class="more" href="http://www.wandi.fr" title="" >ww.wandi.fr</a>
												</td>
											</tr>
										</table>
									</div>
									<div class="item pic">
										<img src="../Public/Style/Img/tmp/contact_feed/02.jpg" alt="" title="" />
									</div>
									<div class="item pic">
										<img src="../Public/Style/Img/tmp/contact_feed/03.jpg" alt="" title="" />
									</div>
									<div class="item pic">
										<img src="../Public/Style/Img/tmp/contact_feed/04.jpg" alt="" title="" />
									</div>
									<div class="item text">
										<table>
											<tr>
												<td>
													<div class="ico">
														<img src="../Public/Style/Img/tmp/contact_feed/02_ico.png" alt="" />
													</div>
													<h2>I leaved 4 month in miami</h2>
													<span class="more">in 2011</span>
												</td>
											</tr>
										</table>
									</div>
									<div class="item pic">
										<img src="../Public/Style/Img/tmp/contact_feed/05.jpg" alt="" title="" />
									</div>
									<div class="item pic">
										<img src="../Public/Style/Img/tmp/contact_feed/06.jpg" alt="" title="" />
									</div>
									<div class="item pic">
										<img src="../Public/Style/Img/tmp/contact_feed/07.jpg" alt="" title="" />
									</div>
									<div class="item text">
										<table>
											<tr>
												<td>
													<div class="ico">
														<img src="../Public/Style/Img/tmp/contact_feed/01_ico.png" alt="" />
													</div>
													<h2>On my mind right now</h2>
													<a class="more" href="http://www.wandi.fr" title="" >ww.wandi.fr</a>
												</td>
											</tr>
										</table>
									</div>
									<div class="item pic">
										<img src="../Public/Style/Img/tmp/contact_feed/01.jpg" alt="" title="" />
									</div>
									<div class="item text">
										<table>
											<tr>
												<td>
													<div class="ico">
														<img src="../Public/Style/Img/tmp/contact_feed/01_ico.png" alt="" />
													</div>
													<h2>On my mind right now</h2>
													<a class="more" href="http://www.wandi.fr" title="" >ww.wandi.fr</a>
												</td>
											</tr>
										</table>
									</div>
									<div class="item pic">
										<img src="../Public/Style/Img/tmp/contact_feed/02.jpg" alt="" title="" />
									</div>
									<div class="item pic">
										<img src="../Public/Style/Img/tmp/contact_feed/03.jpg" alt="" title="" />
									</div>
									<div class="item pic">
										<img src="../Public/Style/Img/tmp/contact_feed/04.jpg" alt="" title="" />
									</div>
									<div class="item text">
										<table>
											<tr>
												<td>
													<div class="ico">
														<img src="../Public/Style/Img/tmp/contact_feed/02_ico.png" alt="" />
													</div>
													<h2>I leaved 4 month in miami</h2>
													<span class="more">in 2011</span>
												</td>
											</tr>
										</table>
									</div>
									<div class="item pic">
										<img src="../Public/Style/Img/tmp/contact_feed/05.jpg" alt="" title="" />
									</div>
									<div class="item pic">
										<img src="../Public/Style/Img/tmp/contact_feed/06.jpg" alt="" title="" />
									</div>
									<div class="item pic">
										<img src="../Public/Style/Img/tmp/contact_feed/07.jpg" alt="" title="" />
									</div>
									<div class="item text">
										<table>
											<tr>
												<td>
													<div class="ico">
														<img src="../Public/Style/Img/tmp/contact_feed/01_ico.png" alt="" />
													</div>
													<h2>On my mind right now</h2>
													<a class="more" href="http://www.wandi.fr" title="" >ww.wandi.fr</a>
												</td>
											</tr>
										</table>
									</div>
									<div class="clear"></div>
								</div>

							</div>

							<div class="footer">
								<div class="wrapper">
									<div class="vcard">
										<div class="line name">Guillaume Hamon</div>
										<div class="line phone">+33 (0)1 42 64 22 20</div>
										<div class="clear"></div>
										<div class="line email"><a href="mailto:hello@guillaumehamon.com">hello@guillaumehamon.fr</a></div>
									</div>

									<div class="menu">
										<ul>
											<li>
												<div class="title">Menu</div>
												<ul>
													<li><a href="" title="">What</a></li>
													<li><a href="" title="">Who</a></li>
													<li><a href="" title="">Where</a></li>
												</ul>
												<div class="clear"></div>
											</li>
											<li>
												<div class="title">Langues</div>
												<ul>
													<li><a href="" title="">English</a></li>
													<li><a href="" title="">Français</a></li>
												</ul>
												<div class="clear"></div>
											</li>
											<li>
												<div class="title">Réseaux</div>
												<ul>
													<li><a href="" title="">Instagram</a></li>
													<li><a href="" title="">Français</a></li>
												</ul>
												<div class="clear"></div>
											</li>
											<li>
												<div class="title">Copyright</div>
												<ul>
													<li>© 2013</li>
												</ul>
												<div class="clear"></div>
											</li>
										</ul>
									</div>
									<div class="clear"></div>
								</div>
							</div>
						</div>
					</div>
					<div class="clear"></div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>